.union_detail_wrap {
  overflow: hidden;
  height: 100vh;
  .tab_bar {
    margin: 6px auto;
    width: 240px;
    height: 32px;

    background: var(--product-item_bg);
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    .tab {
      flex: 1;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border-radius: 28px;
      font-weight: 500;
      font-size: 14px;
      color: var(--button-sub-main-color);
      &.active {
        color: var(--button-main-color);
        background: var(--button-main-bg);
      }
    }
  }

  .log_list {
    width: 100%;
    height: calc(100vh - 82px);
    overflow-y: scroll;
    padding: 0 16px 32px 16px;
    box-sizing: border-box;
    .log-item {
      color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
      .data {
        text-align: right;
      }
      .user {
        display: flex;
        align-items: center;
        .avatar {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          overflow: hidden;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
      .p {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 6px;
      }
      .s {
        font-weight: 400;
        font-size: 12px;
        opacity: 0.6;
        line-height: 17px;
      }
    }
    .log_txt {
      color: #fff;
      // opacity: .6;
      font-weight: 500;
      display: inline-block;
      // transform: scale(.84);
      text-align: start;
    }
    .log_time {
      color: var(--main-text-color);
    }
    &.with {
      .pending {
        .p {
          color: var(--main-text-color);
        }
      }
      .completed {
        .p {
          color: var(--detail-completed-text-color);
        }
      }
      .failed {
        .p {
          color: #ff4d4d;
        }
        .p > span {
          font-size: 10px;
          transform: scale(0.9);
          color: rgba(255, 255, 255, 0.6);
        }
      }
    }
  }
}
